<template>
  <div class="moves+container">
    <div class="moves">
      <el-button type="small" @click="openTheDialog">打开弹框</el-button>
      <MovesCom :dialogVisible="dialogVisible"></MovesCom>
    </div>
  </div>
</template>

<script>
import MovesCom from '../../components/movesCom/index.vue'
export default {
  name: 'MyMoves',
  components: {
    MovesCom
  },
  data () {
    return {

      dialogVisible: false
    }
  },
  methods: {
    openTheDialog () {
      this.dialogVisible = true
    }
  }
}
</script>

<style lang="less" scoped></style>
